<template>
  <m-page>
    <!-- 申请确认页 -->
    <m-header title="申请确认"></m-header>
    <!-- 展示申请信息 -->
    <div class="apply_information">
      <ynet-field-item solid title="心意通卡" content="6217 6346 1453 6546" />
      <ynet-field-item solid title="申请金额" content="1万元" />
      <ynet-field-item solid title="申请期限" content="3天" />
      <ynet-cell-item title="7.200%/年" brief="按日折算为0.020%/天，本业务按日计算">
        <span class slot="left">手续费率</span>
      </ynet-cell-item>
      <ynet-field-item solid title="手续费用" content="7.5元" class="feeRate" />
      <ynet-field-item solid title="账单日" content="每月18日" />
      <ynet-field-item solid title="本金到期" content="2020年02月13日" />
    </div>
    <ynet-button type="warning" @click="handclick">确定</ynet-button>
    <!-- 温馨提示 -->
    <div class="tips">
      <p>温馨提示：手续费=申请金额x申请期限x申请费率</p>
    </div>
  </m-page>
</template>

<script>
import { FieldItem, Button, CellItem } from "ynet-mobile";
import { goto } from "../utils/index"
export default {
  components: {
    [FieldItem.name]: FieldItem,
    [Button.name]: Button,
    [CellItem.name]: CellItem
  },
  data() {
    return {};
  },
  created() {},
  mounted() {},
  methods: {
    //确认按钮
    //点击确认之后 弹出密码校验框
    //密码校验成功后跳转至申请结果页
    handclick() {
      app.api
        .showPaymentPad({
          title: "请输入融易通卡取款密码",
          subTitle: "",
          randomKey: "6"
        })
        .then(res => {
          console.log(res.data.pass);
          goto("apply_result.html");
        });
    }
  },
  watch: {},
  computed: {}
};
</script>

<style lang="scss" scoped>
@import "./index.scss";
</style>

